<template>
    <div>
        <!-- nuxt/ui 组件  不需要引入 -->
        <!-- <NuxtWelcome /> -->

        <h1>hello nuxt3</h1>

        <!-- 
            路由跳转
            nuxtLink 
            无需去配置router文件  nuxt会自动配置
        -->
        <NuxtLink to="/">
            <button>home</button>
        </NuxtLink>
        <NuxtLink :to="{
            path:'/work',
            query:{id:100}
        }">
            <button>work</button>
        </NuxtLink>
        <NuxtLink to="/cart">
            <button>cart</button>
        </NuxtLink>

        <!-- 路由占位符 -->
        <NuxtPage />
    </div>
</template>
<style>
/* 
全局样式
- 在app.vue中书写 也没问题
- 但是常用的方式是 在assets中编写全局样式，比如：globel.scss
*/
.txtColor{
    color: red;
}
</style>